html,body { font-family: "微软雅黑"; }
li {list-style:none;}


a {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color:#333;text-decoration:none;}
a:hover {text-decoration:none;}

/* 划过图片放大 */
.img-auto { display:block; overflow:hidden; }
.img-auto img { width:auto; height:auto; margin:0px auto; transition: 600ms; }
.img-auto img:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }


/* 导航 */
.navbar-default {
padding:15px 0px;
background:#F6F6F6;    border-color: #F6F6F6;
}

.navbar-default.mini{background: #fff;
-moz-box-shadow:0px 0px 15px #888;
-webkit-box-shadow:0px 0px 15px #888;
box-shadow:0px 0px 15px #888;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: #fff;}

@media (max-width: 768px) {
.navbar-default {padding:5px 0px;}

}


@media (min-width: 768px){
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}
}

 

/* logo */
a.navbar-brand { width:210px;max-height:78px; margin:8px 5px; padding:0px; overflow:hidden;}
a.navbar-brand img {max-width:210px;max-height:48px; margin: 0px auto;}

@media (max-width: 768px) {
a.navbar-brand {margin-left:10px; max-width:110px;}
a.navbar-brand img {max-width:110px;max-height:35px;margin: 5px 5px;}
}

/* 导航右侧 */
#navbar{float: right;margin-right: 50px;}
.nav_bar{padding: 6px 0;color: #777;}
.nav_bar img{margin-right:8px;}
.nav_bar span{color:#1067b1;font-size: 18px;font-weight: 700; }
.nav>li>a{padding: 10px;margin-right: 10px;}

@media (min-width: 768px) {
#navbar {float:right;margin-right: 15px;}
}

/*导航用户注册*/
.user-panel { margin:10px 20px 0 0px;  }
.user-panel a,
.user-panel a:visited,
.user-panel a:link{
  color: #198DDD;
  font-size: 14px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  border:1px solid #198DDD;
}
.user-panel a:hover{ color:#198DDD;}
.user-panel a.top-login {color:white; background:#198DDD;}
.user-panel a:hover {background:#26c79d; color:white;border:1px solid #26c79d;}








@media (min-width: 768px) {
ul.navbar-nav li.oen { height:60px; padding:13px 0px;}
}

.top-nav-right {
  position: absolute;
  top:20px;
  right:0px;
  width:110px;
  margin:0px;
  padding:0px;
}


@media all and (min-width:1024px) and (max-width:1024px){
.top-nav-right {top:5px;}
.user-panel { margin:30px 0px 0px 0px;  }
}

@media all and (min-width:1156px) and (max-width:1280px){
.user-panel { margin:10px 60px 0 0px;  }
}


.top-nav-right ul {margin:0px;padding:0px;}

.top-nav-right ul li { 
float:left; 
width:30px;
line-height:30px;
margin:2px; 
}
.top-nav-right ul li.nav-shopping a { 
position: absolute;
top:0px;
right:0px;display:block; width:30px; height:30px;
}
.shopping-box {margin:0px auto; padding:20px;}
.shopping-box li {margin:10px;}

@media (max-width: 768px) {
.user-panel { margin:10px 0px 0px 0px;  }
.top-nav-right {margin-top:10px;}
.top-nav-right ul li.nav-shopping,
.top-nav-right ul li.glyphicon-search {
display:none;
}
.navbar-toggle {z-index:999;}
.top-nav-right {width:30px;position:relative;
top:0px;
left:5px; z-index:99; font-size:26px; }
}

#fat-menu {margin-top:3px;}





/* 幻灯文字 */

.bs-slider{margin-top: 60px;}
.carousel-caption {
bottom:10%;
}

.carousel-caption h3 {margin-bottom:30px;font-size:3.2em;}
.carousel-caption p {line-height:200%;font-size:1.2em;}
.carousel-caption .btn {margin-top:20px; font-size:1.0em;}

@media (max-width: 1280px) {

.carousel-caption h3 {font-size:2.0em;}
.carousel-caption p {line-height:180%;font-size:1.0em;}
}
@media (max-width: 768px) {
.carousel-caption h3 {margin-bottom:30px;font-size:1.2em;}
.carousel-caption p {display:none;}
.carousel-caption .btn {display:none;}
}



.modal {top:20%;}

.bs-example-modal-lg-search .row { padding:20px; }



/* 通用 */

.blank5,.blank10,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}
.fr{float: right;}
.fl{float: left;}

.title,.title-2 { padding:0; margin-bottom: 30px; text-align:center; text-transform:uppercase;}
.title h1,.title h3 a { color:#406398;line-height:30px;height:30px;font-size:28px; font-weight: normal;text-decoration: none; }
.title h3 small {clear:both; margin:20px 0px 10px 0px; color:#a1a1a1; font-size:10px; }
.title p,.title-index-1 p { margin:10px auto 30px auto;line-height:20px;color:#333;font-size:16px; }
.title span {}
@media (min-width: 768px) {
.title p,.title-index-1 p {width:600px;}
}
@media (max-width: 768px) {
.title h1,.title h3 a {font-size:2rem; }
}

.title-2 a {font-size:30px;}
.title-2 h3 a small {display:block; clear:both; margin:10px 0px 10px 0px; color:#a1a1a1; font-size:8px;}

.breadcrumb>li .active{color: #666;}

/* 页底 */

 

.sub_menu {
margin-top:30px;font-family: "微软雅黑" ;}



@media (max-width: 768px) {
.sub_menu {
height:0px;overflow:hidden;
}
}


/* 面包屑导航 */
.breadcrumb {margin-bottom:50px;}
.breadcrumb span {padding-right:15px; color:#ccc;}

/* 内页文字大小按钮 */
.content_tools {
float:right;
margin:30px 0px; 
padding:5px 15px;
background:#eee;
text-align:right;
font-size:14px;
}





/************* 分页 */

.page {
  clear:both;
  margin:0px 10px;
  font-size:0.8em;
  color:#888;
  margin-left: 45%;
}

.page strong,.page span {
  color:#FFFFFF;
  display:block;
  float:left;
  float:left;
  padding:8px 10px;
  background:#337ab7;
  margin: 0px 3px 0px 0px;
  font-size:0.8em;
  border-radius: 3px 3px 3px 3px;
  border:1px solid #337ab7;
  line-height: 10px !important;
}
.page a,.page a {
  display:block;
  float:left;
  padding:8px 10px;
  border:1px solid #337ab7;
  border-radius: 3px 3px 3px 3px;
  text-decoration:none;
  margin: 0px 3px 0px 0px;
  color:#337ab7;
  font-size:1em;
  line-height: 10px !important;
}


.page span {
  float:left;
}
.page strong, .page span {
    color: #FFFFFF!important;
    background: #337ab7;
}
#page {
font-size:1em;
}
#page .blank10{height:20px;}
#page strong {
padding:5px 8px;
background:#337ab7;
border-radius:5px;
color:white;
margin-right:15px;
font-size:0.8em;
}



.pagination {margin:50px 0px;}




/* 分页 */

.page-number {
 position:relative;
 right:0px;
 top:5px;
  color:#FFFFFF;
  height: 26px;
  line-height: 26px;
  padding:9px 20px;
  background:#337ab7;
  margin: 0px 3px 0px 0px;
  font-size:0.8em;
  border-radius: 3px 3px 3px 3px;
}

/* 正文 */
#content_text {line-height:180%;font-size:1.2em;}





/* 首页 */

.banner{position: relative;}
.index-1,.index-3 { padding-bottom:100px; background: #f8f8f8; }
.index-1 ul { overflow: hidden; }
.index-1 li { height: 350px;  overflow: hidden; text-align: center; float: left; border: 1px solid transparent; position: relative; transition: 400ms; }
.index-1 li:hover {background:white;border:1px solid #ccc;}
.index-1 .t1 { width: 100%; height: 140px; padding: 70px 0 0 0; font-size: 14px; color: #9b9797; transition: 400ms; }
.index-1 .t1 .img-auto {height:176px; margin:0px 0px 10px 0px; overflow:hidden; }
.index-1 .t1 a { margin: 0 0 5px 0; font-size: 18px; color: #3a3a3a; transition: 400ms; }
.index-1 .t2 { width: 100%; padding: 20px 10px 0px 10px; height: 80px; line-height: 24px; font-size: 14px; color: #fff; background: #7bc91e; position: absolute; left: 0; bottom: -80px; transition: 400ms; }
.index-1 li:hover .t1 { margin-top:-50px; }
.index-1 li:hover .t2 { bottom:0px; }

@media (max-width: 768px) {
.index-1 li {
margin-bottom:30px;
background:white;border:1px solid #ccc;
}
.index-1 li .t1 { margin-top:-50px; }
.index-1 li .t2 { bottom:0px; }
}


.index-2 {padding-bottom:80px;}
.index-2 div div { padding:20px 30px; border:1px solid #eee;  -moz-box-shadow:0px 0px 10px #eee;
-webkit-box-shadow:0px 0px 10px #eee;
box-shadow:0px 0px 10px #eee; border-radius:3px;}
@media (max-width: 768px) {
.index-2 div div {margin-bottom:20px;}
}

.index-2 div div.img-auto a {display:block; height:100px;margin:20px 0px;overflow:hidden;}
.index-2 div div.img-auto h4 a { height:16px; font-size:14px;}
.index-2 div div:hover {background:#eee;}
.index-2 div div p {font-size:12px;color:#555;}
.index-2 div div p.date {color:#999;}



.index-3 .btn {padding:10px 40px;border-radius:50px;}
.index-3-left { height:240px; overflow:auto; }
.index-3-left p {text-indent:2em; }
@media (max-width: 768px) {
.index-3-left {margin-bottom:30px;}
.title_center img{width: 80%; margin: 0 8%;}
}
@media (max-width: 767px){
.title_center img {margin-top: 30px;}
}
.index-6 {padding:0px 0px 100px 0px;}
.index-6 ul li { height:124px; padding:0px; border:1px solid #eee; overflow:hidden;}
.index-6 ul li .img-auto {
width:89px;
height:68px;
margin:28px 50px;
overflow:hidden;
}


/*公司业绩*/
.scroller { WIDTH: 1192px; }
.scroller .section { WIDTH: 1192px; }
.feature { WIDTH: 1192px; }
.feature { MARGIN-TOP: 2em; POSITION: relative }
.feature H2 { MARGIN: 20px 0px 7px; text-align: left; text-indent: 10px; }

/*工程案例轮播*/
#wrapper {width:1140px;height:380px;margin-top: 30px;}
#carousel {width: 1140px;position:vrelative;}
#carousel ul {list-style: none;display: block;margin: 0;padding: 0;width: 100%;}
#carousel li {text-align: center;display: block;width:350px;height:auto;padding: 0;margin:0 15px; float: left;position: relative;background-color: #fff;box-shadow:0 7px 18px #ededed;margin-bottom: 14px;}
#carousel li img {width: 100%;height:340px;}
#carousel li span {text-indent: -999px;display: block;overflow: hidden;width: 350px;height:340px;position: absolute;z-index: 2;top: 13px;left: 16px;}     
.clearfix {float: none;clear: both;}
#carousel li h6{font-size:16px;height: 90px;line-height: 90px; }
#carousel .prev, #carousel .next {background: transparent url(../images/carousel_control.png) no-repeat 0 0;text-indent: -999px;display: block;overflow: hidden;width: 15px;height: 21px;margin-left: 10px;position: absolute;top: 70px;        }
#carousel .prev {background-position: 0 0;left: -30px; margin-top: 280px;}
#carousel .prev:hover {left: -31px;}      
#carousel .next {background-position: -18px 0;right:-45px;  margin-top: 280px;}
#carousel .next:hover {right: -46px;}       
#carousel .pager {text-align: center;margin: 0 auto;}
#carousel .pager a {background: transparent url(../images/carousel_control.png) no-repeat -2px -32px;
text-decoration: none;text-indent: -999px;display: inline-block;overflow: hidden;width: 8px;
height: 8px;margin: 0 5px 0 0;}
#carousel .pager a.selected {background: transparent url(../images/carousel_control.png) no-repeat -12px -32px;text-decoration: underline;        }
#source {text-align: center;width: 100%;position: absolute;bottom: 10px;left: 0;}
#source, #source a {font-size: 12px;color: #999;}
#donate-spacer {height: 100%;}
#donate {border-top: 1px solid #999;width: 100%;padding: 50px 75px;margin: 0 auto;overflow: hidden;}
#donate p, #donate form {margin: 0;float: left;}
#donate p {width: 100%;}
#donate form {width: 100px;}

#my-glider { POSITION: relative; margin:0 auto;height: 580px; margin-top: 50px;}
.scroller { OVERFLOW: hidden; HEIGHT: 530px }
.scroller .section { FLOAT: left; OVERFLOW: hidden; WHITE-SPACE: nowrap; HEIGHT: 530px; TEXT-ALIGN: center }
.scroller .section .box{float: left;margin-right: 14px;margin-bottom: 14px; box-shadow:-6px 7px 18px #ededed;    background-color: #fff;}
.scroller .content { WIDTH: 2384px; }

#prevLink { DISPLAY: block; OVERFLOW: hidden; WIDTH: 20px; TEXT-INDENT: -99999px; POSITION: absolute; TOP: 55%; HEIGHT: 40px; background-image: url(../images/glider-arrows.png); background-repeat: no-repeat; }
#nextLink { DISPLAY: block; OVERFLOW: hidden; WIDTH: 20px; TEXT-INDENT: -99999px; POSITION: absolute; TOP: 55%; HEIGHT: 40px; background-image: url(../images/glider-arrows.png); background-repeat: no-repeat; }
#nextLink { BACKGROUND-POSITION: -20px 0px ;right: 15px;}
#prevLink { left: -35px;}

@media (max-width:1024px) {
#wrapper {width:960px;height:380px;margin-top: 30px;}
#carousel {width: 960px;position:vrelative;}
#carousel li {width: 280px;}
#carousel li img{height:270px;}
#carousel .next {right:-30px; }
#carousel .next:hover {right: -31px;} 
}
@media (max-width:768px) {
#wrapper {width:740px;height:360px;margin-top: 30px;}
#carousel {width: 740px;position:vrelative;}
#carousel li {width: 200px;}
#carousel li img{height:190px;}
#carousel .prev {left: -15px; margin-top: 200px;}
#carousel .prev:hover {left: -31px;}    
#carousel .next {right:-15px; margin-top: 200px;}
#carousel .next:hover {right: -16px;}
#carousel li h6{font-size:14px;height: 90px;line-height: 90px;padding: 0 10px;width: 180px; overflow: hidden;}
}
@media (max-width:767px) {
#wrapper {width:100%;height:450px;margin-top: 20px;}
#carousel {width: 100%;position:vrelative;}
#carousel li {width: 290px;}
#carousel li img{height:280px;}
#carousel .prev {left: -15px; margin-top: 200px;}
#carousel .prev:hover {left: -31px;}    
#carousel .next {right:-9px; margin-top: 200px;}
#carousel .next:hover {right: -16px;}
#carousel li h6{font-size:14px;height: 90px;line-height: 90px;padding: 0 10px;width: 270px; overflow: hidden;text-align: center;}
}





/*#prevLink:hover { BACKGROUND-POSITION: 0px -79px }*/
/*#nextLink:hover { BACKGROUND-POSITION: -40px -79px }
*

/*品牌介绍*/

.About-box{width:100%; float: left; overflow: hidden;display:block;height: auto;margin-top:0;}
.About-box .con_class{color: #fff;position: relative;top:-240px;width: 100%;height: 100%;z-index: 9;}

.About-box ul {padding: 0;}
.About-box ul li{width: 18.5%;margin-right:26.7px; height:auto;float: left;text-align: center;margin-bottom: 30px;}
.About-box ul li:nth-child(5){margin-right:0;}
.About-box ul li:nth-child(10){margin-right:0;}
.About-box ul li:hover img {filter: none;}
.About-box ul li:hover .con_class {z-index: 11;}
.About-box ul li img{position: relative;z-index: 10;width: 100%;height: 458px;float: left;display: block;}
.About-box ul li a{color: #fff;position: relative;font-size: 18px;}
.About-box p{font-size: 22px;color: #fff;margin-right: 36px;z-index: 99;position: relative;}
.About-box .n_im_01,.About-box .n_im_01 img{width: 475px;height: 300px;overflow: hidden;}
.About-box .n_im_02,.About-box .n_im_02 img{width: 230px;height: 172px;overflow: hidden;}
.About-box .n_s_01{float: right;margin-top: -52px; }
.About-box .n_s_02{float: left;top: 444px;position: absolute;left: 139px;}
.About-box .n_s_03{float: right;margin-top: -52px; }
.col-lg-6,  .col-md-6,.col-sm-7{padding-left: 0;padding-right: 0;}

@media (max-width: 768px) {
.About-box{width:100%;margin: 0 auto;margin-left: 8px;}
.About-box .n_im_01, .About-box .n_im_01 img {width: 85%;height: auto;}
.About-box p{margin-right: 62px;font-size: 20px;}
.About-box .n_im_02, .About-box .n_im_02 img {width: 146px;height: auto;}
.About-box ul li img{width: 100%;height: auto;float: left;}
}
@media (max-width: 767px) {
.About-box .n_s_02 { float: left; top: 324px;  position: absolute; left: 63px;}
}
@media (min-width:768px) and (max-width:1024px){
.About-box .n_s_02 { float: left; top: 278px;  position: absolute; left: 72px;}
.s3-text2{margin-top:20px; }

}
@media (min-width: 1024px) {
.About-box .n_s_02 {top: 448px;left: 142px;}
.he_border1:hover .he_border1_img {
  position: absolute;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .8;
}
}


/*产品滑过特效*/
.he_border1 {
  background:#4183bc;
  width: 100%;
  height: 458px;
  padding: 0;
  margin: 0;
  position: relative;
  box-sizing: border-box;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}
.he_border1 .black{background: #111;opacity: 0.8;}
.he_border1 .he_border1_img {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  opacity: 1;
  overflow: hidden
}

.he_border1 .he_border1_caption {
  color: #fff;
  padding: 0;
  margin: 0;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden
}
.he_border1 .he_border1_caption::before, .he_border1 .he_border1_caption::after {
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform .4s;
  -moz-transition: opacity 0.4s, -moz-transform .4s;
  -o-transition: opacity 0.4s, -o-transform .4s;
  transition: opacity 0.4s, transform .4s
}
.he_border1 .he_border1_caption::before {
  top: 8%;
  right: 10%;
  bottom: 8%;
  left: 10%;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0
}
.he_border1 .he_border1_caption::after {
  top: 8%;
  right: 10%;
  bottom: 8%;
  left: 10%;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0
}
.he_border1:hover .he_border1_caption::before, .he_border1:hover .he_border1_caption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}
.he_border1 .he_border1_caption, .he_border1 .he_border1_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  z-index: 1000
}
.he_border1 .he_border1_caption:hover{
  background: #4284bd;
  opacity: 0.9;
}
.he_border1 .he_border1_caption_h {
  font-size: 1.3em;
  font-weight: 400;
  text-align: center;
  width: 80%;
  position: relative;
  top: 40%;
  left: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 1;
  height: 100px;
}
.he_border1 .he_border1_caption img{
  position: relative;
    width: 70px;
    height: 70px;
    top: 34%;
    left: 40%;
}
.he_border1 .he_border1_caption_p {
  font-size: 1em;
  text-align: center;
  width: 50%;
  position: absolute;
  top: 60%;
  left: 27%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  opacity: 0;
  border: 1px solid #fff;
  padding: 8px 0;
}


.he_border1:hover .he_border1_caption_p {
  top: 80%;
  opacity: 1
}
.he_border1_caption .he_border1_caption_h span{
  position: relative;
  top: 73%;
  text-align: center;
}

.he_border1_caption .he_border1_caption_h img{
    position: relative;
    width: 70px;
    height: 70px;
    top: -6%;
    left: 49%;
}
.he_border1:hover .he_border1_caption .he_border1_caption_h{
  top:24%;
  opacity: 1;
}


@media (min-width: 1600px) and (max-height: 3840px){
.he_border1 .he_border1_caption_h {height: 115px;}
}

@media (max-width: 767px){
.About-box ul li{margin-right:10px; }
}
@media (max-width: 375px){
.he_border1_caption .he_border1_caption_h img{width: 30px;height: 30px;left: 40%;display: none;}
.About-box ul li {width: 19%;margin-right: 2px;}
.he_border1_caption .he_border1_caption_h span{top:0;margin-left: 8%;}
}


.Btittlel{text-align:left;}
.Btittlel-en{font-size: 36px;color:#e9e9e9;text-transform: uppercase;font-family:'Helvetica Neue Light';font-weight:100; }
.Btittlel h3{font-size: 24px;color:#555;position:relative;top: -45px;}
.Btittlel h3:after {content: '';width: 48px;height: 3px;background: #3776ac;position: absolute;left:0; top: 32px;}
.Btittle{text-align: center;}
.Btittle-en{font-size: 36px;color:#e9e9e9;text-transform: uppercase;font-family:'Helvetica Neue Light';font-weight:100; }
.Btittle h3{font-size: 24px;color:#555;position:relative;top: -45px;}
.Btittle h3:after {content: '';width: 48px;height: 3px;background: #3776ac;position: absolute;left: 48%; top: 32px;}
.BtittleW{text-align: center;}
.BtittleW-en{font-size: 36px;color:#e1e1e1;text-transform: uppercase;font-family:'Helvetica Neue Light';font-weight:100;opacity: 0.4;}
.BtittleW h3{font-size: 24px;color:#fff;position:relative;top: -45px;}
.BtittleW h3:after {content: '';width: 48px;height: 3px;background: #fff;position: absolute;left: 48%; margin-top:32px;}

/*我们的优势*/
.col-xs-12, .col-sm-9, .col-md-12, .col-lg-12{padding-left: 0;padding-right: 0;}
.section2 .col-lg-3 {width: 25%;}
.section2 .col-lg-3 .adv{padding: 35px 50px 40px;background: #f9f9f9;border: 1px solid #eaeaea;min-height: 240px;width: 94%;margin: 0 auto;}
.section2 .col-lg-3 .adv2{padding: 35px 50px 40px;background: #f9f9f9;border: 1px solid #eaeaea;min-height: 240px;width: 94%;float: right;}
.section2 .col-lg-2 {width: 20%;}
.section2 .col-lg-2 .adv{padding: 35px 25px 40px;background: #f9f9f9;border: 1px solid #eaeaea;margin: 0 10px;height: 260px;}
.section2 .col-lg-2 .adv p{font-size: 15px;color: #969696;}


.section2{padding: 80px 0;z-index: 3;background: #fff;min-height: 500px;border-top: 1px solid #e5e5e5;}
.scroller .section .box h6 a{height: 90px;line-height: 90px;font-size: 16px;color: #848484;}
.section1 .title10 {padding: 10px 0;width:100%;margin: 0 auto;}
.section1 .title10 p {margin: 0;color: #414141;font-size: 16px;line-height: 30px;height: 145px;overflow: hidden;}
.section1 .title10 span a {display: block;height: 42px;width: 142px;border: 1px solid #1160a8;line-height: 40px;text-align: center;color: #1160a8;
    font-size: 16px;text-transform: uppercase;margin: 30px auto;}


/*工程案例*/
.glyphicon-chevron-left:before {content: "\e079";}
.section6{background: url(../images/cace_bg.jpg) repeat-x;min-height:720px;background-size: 100% 100%;margin-top: 40px;}
.section4{background:url(../images/index_solution.jpg)no-repeat;padding:90px 0; background-size: 100% 100%; min-height: 580px;}
.section3{padding:60px 0;min-height:458px;width:100%;height: 100%;}


/*解决方案*/
.title_left{width: 385px;position: absolute;display: block; float: right;}
.title_center{width: 260px;margin: 0 auto;}
.title12{padding:40px 0;display: inline-block;float: right;margin-right: 50px;margin-top: 90px;}
.title12 h4{font-size:40px;color:#bbb;margin:0;line-height:40px;display:inline-block;
    width: 285px;}
.title12 .entit{margin-top:10px;display: block;color: #fff;font-size: 16px;}
.title12_content{width: 300px;float: right;margin-right:40px;color: #fff;display: block;font-size: 16px;line-height: 28px;max-height:200px;overflow:hidden;}
.case_box{width: 85%;position: relative;margin-left: 20px;background-color: #fff;float: left;}
.case_box ul li{width: 40%;margin:6% 6% 0 3%;float: left;}
.case_solu{padding: 30px 20px;background-color: #fff;position: absolute; margin-left: 20px;}
.solu-box {width: 100%;float: left;display: block;height: 358px;margin-top: 30px;}
.solu-box ul li{width: 25%;height: 350px; float: left;background: url(../images/shadow.png)no-repeat;}
.solu-box ul li p{text-align: center;color: #fff;font-size: 18px;width: 70%;margin-top: 30px;}
.solu-box ul li p:hover {color:#f9f9f9;}
.solu-box ul li img{margin: 0 auto;margin-top: 20px;}

/*公司新闻*/
.section1{background:#fff;padding: 60px 0;clear: both; }
.news_tittle{margin-bottom: 40px;}
.news_tittle img{height: auto;}
.box3{padding: 24px 0;border-bottom: 1px solid #e4e4e4; margin-left: 50px;}

@media (max-width: 1920px) and (min-width: 1450px){ 
.section3{min-height:623px;width:100%;height: 100%;background-size:100% 100%;}
.About-box ul li img{height: 623px;}

}

@media (max-width: 1024px){ 
  .section4 {padding: 60px 0;min-height: 400px;}
  .section4 .col-xs-12 .col-sm-12 .col-md-6 .col-lg-4{position: absolute;}
  .case_solu{top: 0;position: absolute;padding: 0;width: 90%;margin-left:50px;}
  .title_left img{width: 80%;}
  .title12{margin-right:-6px; margin-top:70px;}
  .title12_content{margin-right: -20px;}
  .col-lg-3 .adv{min-height: 270px;    padding: 35px 35px 40px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .section4 {padding: 60px 0;min-height: 400px;}
  .box3{ padding: 10px 10px; margin-left: 20px;margin-top: 20px;}
  .title_left{float: left;right: 5px; width: 90%;}
  .title12{display: none;}
  .title12_content{    position: absolute; top: 72px;width: 87%;}
  .case_solu{position: absolute;padding: 0;margin-top: 20px;top: -66px;left:174px;width: 70%;}
  .section1{padding: 40px 0;}
  .col-sm-3, .col-md-3, .col-lg-3{margin: 10px 0;}
  .col-sm-6,.col-md-6{width: 50%;}
    .col-sm-12{width: 100%;}
  .scroller .section .box h6 {width: 176px;overflow: hidden;}
  .news_tittle img{width: 90%;}
}

@media (max-width: 767px) {
.col-sm-3, .col-md-3, .col-lg-3 {margin: 10px 0;}
  .title_left img{width: 80%;  margin-left: 0;}
  .case_solu{display: none;}
  .news_tittle img{width: 80%;}
  .title12 h4{font-size: 24px;}
  .title12 {padding: 25px 10px; margin-top: 90px;margin-right: -220px; position: relative;}
  .title12_content{float: left;margin-left: 10px;margin-bottom: 10px;position: relative;margin-top: 0;}
}

@media (max-width: 375px){
.solu-box {margin-top: 0;}
.solu-box ul{padding: 0;}
.solu-box ul li{width: 50%;background: transparent;height: 200px;text-align: center;}
.solu-box ul li img {width: 50%;}
.solu-box ul li p{width: 90%; margin-top: 12px;}
}


/*.box3 a{width: 100%;height: auto;}
.box3 a:hover{background-color: #3776ac;color: #fff;}*/
.box3 b a{font-size: 16px;color: #8b8b8b;font-weight: 300;margin-left: 30px;}
.box3 h6 a{font-size: 16px;line-height: 30px;color:#9b9b9b;margin-top: 0;font-weight: 300; margin-left: 30px;}
.box3:hover{background-color:#3776ac;}
.box3 h6,.box3 b,.s3-text2, a{color: #9b9b9b;}
.box3:hover h6 a,.box3:hover b a,.box3:hover .s3-text2 a{color: #fff;}


.box2 b{font-size: 16px;color: #8b8b8b;font-weight: 300;}
.box2{margin-top:20px;position: relative;z-index: 2;padding: 0 30px;}
.box2 h4{font-size: 20px;line-height: 30px;color:#464646;}
.box2_img{width:100%;max-height: 316px;overflow: hidden;}
.box2_img img{width: 100%;}
.box2 > .container{background: #fff;padding: 0px 0;}
.box2-left{float: left;width: 220px;padding: 50px 0;font-family: "微软雅黑" ;}
.box2-right{overflow: hidden;padding: 50px 30px;line-height: 2;}
.box2-right img{width: auto;}
.box2-right div{line-height: 2;}
.box2-right h1{font-size: 24px;margin-bottom: 20px;text-align: center;}
.box2-right p{color: #666;padding: 0 10px;font-family: "微软雅黑" ;}
.box2-right .coimg{text-align: center;margin-bottom: 30px;}
.box2-right span{line-height:2;color:#323232;}
.box2-right .article{display: inline-block;width: 100%;margin-top: 20px;}
.box2-right .article span{width: 46%;margin: 0 15px;}
.box2-right .article .fl{text-align: right;}

/*相关文章*/
.related-article{padding-top: 20px;margin-bottom: 20px;}
.related-article .t{font-size: 18px; line-height: 30px; color: #333;}
.related-article ul{margin-top: 10px;padding: 0}
.related-article li{line-height: 40px; color: #666;}
.related-article li span{color: #999; padding-right:20px; }
.related-article li a{color:#323232;}
.related-article li a:hover{color:#1162aa}


.s3-text3{margin: 0; margin-bottom: 10px;}
.s3-text3 a{display:block;height:32px;width:120px;line-height:32px;text-align:left;color:#8b8b8b;font-size:14px;text-transform:uppercase;font-weight:400;}

.s3-text2 {margin-bottom:0;margin-right: 10px;    margin-left: 30px;} 
.s3-text2 a{display:block;height:32px;width:120px;line-height:32px;text-align:left;color:#8b8b8b;font-size:14px;text-transform:uppercase;font-weight:400;}
.pro_shadow{width: 100%;background-color: #fff;padding: 30px 40px;border: 1px solid #f7f7f7;-moz-box-shadow:2px 4px 10px #eaeaea; -webkit-box-shadow:2px 4px 10px #eaeaea; box-shadow:2px 4px 10px #eaeaea;
min-height: 90px;}
.pro_shadow h2{font-size: 60px;color:#2c5385;line-height: 20px;float: left;margin-right: 20px;}
.pro_shadow h3{font-size: 60px;color:#2c5385;line-height: 0;float: left;margin-right: 20px;min-height: 60px;}




/* 合作伙伴 */
.section5{z-index: 3;background: #fff;}
.home-links { padding:50px 0px 0px 0px;  background:#333; color: #666; }
.home-links .hr  {padding:15px 0px 0px 0px; border-top:1px dotted #555;}
.home-links-left {padding:0px;}
.home-links .links-logo img {
float:left; margin:10px;
opacity: 0.2;
}
.home-links .links-logo img:hover {opacity: 1; transition: 400ms;}
.home-links .links-a { clear:both; margin: 0 auto; font-size: 14px; padding-bottom: 60px; }
.home-links .links-a a { color: #666; padding: 10px; line-height: 300%; }

.blk_18 { overflow:hidden; zoom:1;background:#fff; width:1140px;margin: 0 auto;margin-bottom:100px; }
.blk_18 .pcont { width:1058px; float:left; overflow:hidden; padding-left:5px; }
.blk_18 .ScrCont { width:4232px; zoom:1; margin-left:-5px; }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }
.blk_18 .LeftBotton, .blk_18 .RightBotton { width:20px; height:40px; float:left; background:url(../images/glider-arrows.png) no-repeat; }
.blk_18 .LeftBotton { background-position: 0 0; margin:28px 15px 0 0; }
.blk_18 .RightBotton { background-position: -20px 0 ; margin:28px 0 0 15px; }
/*.blk_18 .LeftBotton:hover { background-position: 0 -20px; }
.blk_18 .RightBotton:hover { background-position: -40px 0; }*/
.blk_18 .pl img { display:block; cursor:pointer; border:none; margin:6px auto 1px auto; }
.blk_18 .pl { width:210px;float:left; text-align:center; line-height:88px; }
.blk_18 a.pl:hover {  background:#fff; }
.blk_18 #List1_1 :hover img,.blk_18 #List2_1 :hover img{filter: none;}
.blk_18 #List1_1 img,.blk_18 #List2_1 img{filter: grayscale(100%);}

@media(min-width: 768px) and (max-width: 1024px){
.About-box ul li{margin-right: 11px;margin-bottom: 20px;}
.box3 b a,.box3 h6 a,.s3-text2{margin-left: 0;} 
.box2_img img{width: 100%;}
.section1{padding: 40px 0;}
.box3 {padding: 14px 0;}
.box3 h6{margin: 0;}
a.navbar-brand {width: 140px;}
.nav>li>a { padding: 15px 15px;}
.About-box ul li{margin-right: 11px;margin-bottom: 20px;}
.he_border1_caption .he_border1_caption_h img {width: 50px;height: 50px;left: 50%;}
.he_border1 .he_border1_caption_h {font-size: 0.8em; width: 100%;top: 35%;left: -22px;}
.he_border1_caption .he_border1_caption_h span {top:50%;}
.he_border1 .he_border1_caption_p {font-size: 1em;width: 70%;top: 0;left: 18%;-moz-transition: all .4s ease-in-out;padding: 4px 0;}
.box2 {margin-top: 70px;}
.box2-left{width: 96%;}
.solu-box ul li{background: transparent;}
.solu-box ul li img{width: 70%;}
.solu-box{margin-top: 0;height: 260px;}
.section6{min-height: 650px;}
.section1 .title10{padding: 0;}
.section2 .col-lg-2 {width: 33%;margin-bottom: 18px;}
}

@media (min-width: 1200px) and (max-width: 1430px){
  .About-box ul li{margin-right: 19px;}
}
@media (min-width: 1024px) and (max-width: 1200px){
.section6{min-height:730px; }
.About-box ul li{margin-right: 19px;}
}

@media screen and (min-width: 0) and (max-width: 991px){
.box2 > .container{padding: 0;}
.box2-left{float: none;width:96%;padding: 20px 15px;}
.box2-right{padding: 20px 15px;}
}


@media (max-width: 767px) {
.box3 b a,.box3 h6 a,.s3-text2{margin-left: 0;} 
.box2-right img {width: 100%;}
.blk_18{width: 360px;    margin-bottom: 40px;}
.blk_18 .pcont{width:75%; }
.blk_18 .ScrCon{width: 100%;}
.blk_18 .pl {width: 100px;}
.blk_18 .pl img{width: 100%;}
.blk_18 #List1_1, .blk_18 #List2_1 {float: left;margin-top: 20px;}

}


/*foot*/
.s7-3{margin-top: 40px;}
.container_category {  padding: 0px 0 40px; text-align: center;border-bottom: 1px solid #444447; }
.container_category a { position: relative; display: inline-block; margin-left: 1px; padding: 8px 25px; height: 1pc; color: #898989; line-height: 1pc; transition: all .3s ease-out 0s; font-size: 14px; }
.container_category a:after { position: absolute; margin-top: 3px; margin-left: 25px; width: 1px; height: 10px; background-color: #e7e7e7; content: '' }
.container_category a:last-of-type:after { width: 0; height: 0 }
.s7-3 ul {width: 260px;float: left;padding: 0;}
.s7-3 ul li{width: 100%;margin-right: 20px;line-height: 30px;}
.s7-3 ul li a{color: #999;}

.section7 p{display: block;color:#999;line-height: 30px;font-family: "微软雅黑";}
.s7-4{padding-top: 50px;margin-left:0px;width: 50%;float: left;}
.s7-4 p{display: block;color:#e1e1e1;text-align: center;}

/*右侧浮窗*/

.izl-rmenu{position:fixed;right:0;margin-left:20px;bottom:66px;padding-bottom:0px;z-index:999}
.izl-rmenu .sbtn{width:60px;height:60px;cursor:pointer;position:relative}
.izl-rmenu .btn-qq{background:url(/statics/images/2018/metro_color//b_wx.png) 0px 0px no-repeat;background-color:#fff;color:#FFF;border:1px solid #eaeaea}
.izl-rmenu .btn-qq:hover{background:url(/statics/images/2018/metro_color/r_wx.png) 0px 0px no-repeat;background-color:#3776ac}
.izl-rmenu .btn-message{background:url(/statics/images/2018/metro_color/b_kf.png) 0px 0px no-repeat;background-color:#fff;color:#FFF;border:1px solid #eaeaea}
.izl-rmenu .btn-message:hover{background:url(/statics/images/2018/metro_color/r_kf.png) 0px 0px no-repeat;background-color:#3776ac}
.izl-rmenu .btn-qq .wxewm{background-color:#3776ac;position:absolute;left:-118px;padding:5px;top:-30px;line-height:58px;color:#FFF;font-size:18px;text-align:center;display:none}
.izl-rmenu .btn-qq a{color:#FFF;font-size:14px}
.izl-rmenu .btn-wx{background:url(/statics/images/2018/metro_color/b_qq.png) 0px 0px no-repeat;background-color:#fff;border:1px solid #eaeaea}
.izl-rmenu .btn-wx:hover{background:url(/statics/images/2018/metro_color/r_qq.png) 0px 0px no-repeat;background-color:#3776ac;border:1px solid #eaeaea}
.izl-rmenu .btn-wx .pic{background-color:#3776ac;position:absolute;width:160px;left:-160px;top:0px;line-height:48px;color:#FFF;font-size:18px;text-align:center;display:none}
.izl-rmenu .btn-phone{background:url(/statics/images/2018/metro_color/b_phone.png) 0px 0px no-repeat;background-color:#fff;border:1px solid #eaeaea}
.izl-rmenu .btn-phone:hover{background:url(/statics/images/2018/metro_color/r_phone.png) 0px 0px no-repeat;background-color:#3776ac}
.izl-rmenu .btn-phone .phone{background-color:#3776ac;position:absolute;width:160px;left:-160px;top:0px;line-height:58px;color:#FFF;font-size:18px;text-align:center;display:none}
.izl-rmenu .btn-web{background:url(/statics/images/2018/metro_color/r_web.png) 0px 0px no-repeat;background-color:#008a46}
.izl-rmenu .btn-web:hover{background-color:#00663a}
.izl-rmenu a.btn-web,.izl-rmenu a.btn-web:visited{background:url(/statics/images/2018/metro_color/r_web.png) 0px 0px no-repeat;background-color:#008a46;text-decoration:none;display:block}
.izl-rmenu .btn-top{background:url(/statics/images/2018/metro_color/b_top.png) 0px 0px no-repeat;background-color:#fff;display:none;border:1px solid #eaeaea}
.izl-rmenu .btn-top:hover{background:url(/statics/images/2018/metro_color/r_top.png) 0px 0px no-repeat;border:1px solid #eaeaea;background-color:#3776ac}



/**/
/*列表页 -文字列表*/
/**/
.list-container a {color:#333;}
.list-container p {color:#888;}
.list-container h4 {color:#000;font-weight:bold; }
.list-container .row{margin-bottom:15px;}
.list-container .news-list{margin-bottom:0;}

.list-border{padding:15px; clear:both; border:1px dotted transparent; border-bottom-color:#BBBBBB;min-height:115px;}
.list-border-w{border:1px dotted #BBBBBB; margin:15px 0px;}
.list-border:hover{background:#F5F5F5; border-color: #ccc; border-radius: 5px 5px 5px 5px;}


.list-date {width: 5em; float: left; margin-right: 20px;text-align: center;}
.list-date span{display:block;width:1em;line-height:1em;padding-top: .1em;white-space:nowrap;font-size: 4em;color:#555;overflow:hidden;font-family: 'Times New Roman', Times, serif;}
.list-date p {clear:both; display:block; width:5em;overflow:hidden;margin-bottom:0;}

.news-list p,
.news-list-text-pic p,
.list-down p{line-height:1.6}
.list-down .img-auto {height:170px;overflow:hidden;}




#projectlist.masonry {
margin: 0 auto;
}

#projectlist { }
.wrapper { margin: 0px auto; }
.projectitem {margin:0px 0px 30px 0px;width: 380px; float: none; -webkit-backface-visibility: hidden;/*谷歌图片闪烁*/ -webkit-transform-style: preserve-3d;}
.projectitem a
{position:relative;display:block; }

.projectitem a:hover
{text-decoration:none;overflow:hidden;}

.projectitem a h4
{display:none;cursor:hand;text-align:center;}

.projectitem a:hover h4
{width:100%; line-height:30px; margin:0; padding:15px 0px;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.8;opacity:0.8;}


.projectitem img,
.index-1 img,
.index-2 img,
.index-3 img,
#projectlist .owl-item img
{
 -moz-box-shadow:0px 0px 10px #888;
-webkit-box-shadow:0px 0px 10px #888;
}

.projectitem p {line-height:200%;font-size:1.2em;}

.post-masonry {margin:0px 0px 30px 0px;}
.post-masonry a
{position:relative;display:block; }

.post-masonry a:hover
{text-decoration:none;overflow:hidden;}

.post-masonry a h4
{display:none;cursor:hand;text-align:center;}

.post-masonry a:hover h4
{width:100%; line-height:30px; margin:0; padding:15px 0px;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.8;opacity:0.8;}


.post-masonry img,
.index-1 img,
.index-2 img,
.index-3 img,
#projectlist .owl-item img
{
 -moz-box-shadow:0px 0px 10px #888;
-webkit-box-shadow:0px 0px 10px #888;
}


/*列表页 - 右侧*/
.pro_con_img{width: 100%;}
.pro_con{font-size: 16px;    padding-top: 30px;}
.pro_tit{width: 100%;font-size: 24px;padding:25px;text-align: center;border: 1px solid #bfbfbf;font-weight: 700;color: #9b9b9b;}
.pro_img {width: 100%;margin-bottom: 30px;text-align: center;}
.pro_img p{line-height: 60px;height: 60px;border: 1px solid #dbdbdb;width: 100%;overflow: hidden;padding: 0 1%;}
.box2-right .pro_img{margin-top: 20px;height:296px;}
.pro_litit3 {display: block;height: 36px;}
/*.pro_litit3:after {content: '';width: 5px;height: 25px;background: #1162aa;float: left;margin-top: 3px; margin-left: 0px;margin-bottom: 20px;}*/
.pro_litit3 h1{display: block;font-size: 30px;color: #4986d5;font-weight: 400;padding: 0 16px;float: left;}
.pro_litit3 .span3 {width:38%; height: 1px;background-color: #4986d5;display: block;margin-top: 36px;float: left;}
.pro_litit3 .span2 {width:40%; height: 1px;background-color: #4986d5;display: block;margin-top: 36px;float: left;}
.pro_litit3 .span1{border-radius: 100px; width: 8px;height: 8px; margin-top: 32px;background-color: #4986d5;float: left;}
.pro_litit2 {display: block;color: #2c5385;font-size: 20px;color: #2c5385;font-weight: 700;text-indent: 10px;border-bottom: 1px solid #dbdbdb;}
.pro_litit2 {color: #2c5385;}
.pro_litit2:after {content: '';width: 6px;height: 30px;background: #1162aa;float: left;margin-top: 6px; margin-left: 0px;margin-bottom: 20px;}
.pro_litit {display: block;color: #2c5385;font-size: 22px;width: 100%;float: left;color: #2c5385;font-weight: 700;text-indent: 10px;text-align: left;line-height: 2;}
.pro_litit a:after {content: ''; width: 5px; height: 20px;background: #1162aa;float: left;
margin-top: 9px;margin-top:12px;left:0;}
.content-right-list h3 {font-size:16px;}
.content-right-list ol {margin-bottom:60px;}
.content-right-list ol li {list-style-type:decimal ;font-size:14px;line-height:1.8}



/*友情链接*/
.friendlink{display: inline-block;width: 100%;padding-bottom: 30px;}
.friendlink.second{margin-top: 80px;}
.friendlink .tit{position: relative; float: left; width: 100%; padding-bottom: 10px;border-bottom: 1px solid #ccc;}
.friendlink h4{position: relative; float: left;color: #666;}
.friendlink h4:after{position:absolute;content:"";width: 48px;height: 3px; background: #3776ac;top:38px;left: 0;}
.friendlink .more{position: relative;float: right;margin-top: 8px; font-size: 14px;}
.friendlink .more a{color: #999;}
.friendlink ul{display: inline-block; width: 100%;margin-top: 25px;padding: 0;}
.friendlink ul li{position: relative;float: left;margin-bottom: 10px; padding: 0 30px; font-size: 14px;}
.friendlink li a{color: #999; }
.friendlink li a:after{position: absolute;content: "|";top: 0;left: 100%;color:#ccc; }
.friendlink li:last-child a:after{display: none;}
.friendlink.second ul{padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.friendlink.second li{width: 14%;padding: 0 20px;}
.friendlink.second li a:after{display: none;}
.friendlink-sub{width: 100%;margin-bottom: 20px;}
.friendlink-sub .subtit{color: #333;font-size:16px;}



/*当前页*/
.position{width: 100%;font-size: 14px;padding: 20px 0;}
.position a:after{content: ">";padding: 0 5px;}
.position a:last-child:after{display:none;}

/*网站地图*/
.sitemap{width: 100%;}
.site-con{width: 100%;float: left;}
.site-list{width: 18%;margin-right: 2%;margin-bottom: 20px; float: left;/*min-height:100px;*/}
.site-list h4{margin: 0; font-size: 16px;font-weight: 450;color: #454545;}
.site-list h4 a{color: #444;}
.site-list p a{width:100%;float: left;margin-right: 15px; font-size: 14px; font-weight: 350; color: #1067b1; line-height: 1.8;}

.adpic{ width:100%; float:left; margin-bottom:10px;}
.adpic img{ width:100%;}
#wrap .noright{ margin-right:0; padding-right:0;}
#wrap .nobottom{ margin-bottom:0; padding-bottom:0;}
#wrap .notop{ margin-top:0; padding-top:0;}
#wrap .nobg{ background:none;}
#wrap .noline{ border:none;}
.check,.radio{margin-right:3px;_margin-right:0;}
.pcenter{ text-align:center;}
.pcenter img{ margin:0 auto;}

#wrap{width:950px; overflow:hidden; margin:0 auto; text-align:left;}
.l{ width:100%; float:left;}
.fl{display:inline; float:left;}
.fr{display:inline; float:right;}
.content{ float:left; _display:inline; overflow:hidden;}
.side{ float:right; _display:inline; overflow:hidden;}

#slides{ width:100%; margin:20px auto; height:auto; overflow:hidden; position:relative;}
.slides_container{margin: 0;padding: 0;}
.slides_container li{ width:900px; float:left;}
.slides_container li a{ display:inline-block; width:276px; height:276px; border:1px solid #fff;margin: 0 10px;margin-bottom: 30px;float:left;}
.slides_container li a img{ width:276px; height:276px;}
.slides_container li a span{ display:block; cursor:pointer; height:40px; line-height:40px; background-color:rgba(17,98,170,0.85);; color:#fff;margin-top: -40px;position: relative;text-align: center;opacity: 0.8;}
.slides_container li a:hover span{color:#fefefe;text-decoration: none;}

.pagination{ position:absolute; left:483px; z-index:10; top:170px;}
.pagination li{ float:left; padding-right:7px;}
.pagination a{ display:block; outline:none; background:url(../images/pg.png) no-repeat -1px 0; text-indent:-999em; width:14px; height:14px;}
.pagination li.current a{ background-position:-22px 0;}

.prev{ background:url(../images/glider-arrows.png) no-repeat; width:20px; height:40px; display:block; left:1px; top:120px; position:absolute; text-indent:-999em; outline:none; z-index:11;}
.prev:hover{ background-position:0 -43px;}
.next{ background:url(../images/glider-arrows.png) no-repeat -29px 0; width:29px; height:43px; display:block; right:1px; top:50px; position:absolute; text-indent:-999em;outline:none;z-index:11;}
.next:hover{ background-position:-29px -43px;}

@media (min-width: 768px) and (max-width: 1024px){
  .pro_tit{width: 96%;}
  .box2-right img{width: 96%;}
  .slides_container li {width: 100%;}
.slides_container li a{width: 216px;margin: 0 6px;height: auto;}
.slides_container li a img {width: 216px;height: 216px;}
}

@media (max-width: 768px) {
.content-right-list {margin-top:60px;}
.box2_img img{width: 100%;} 
  
}

@media (max-width: 768px) {
.pro_litit3 .span2 {width:20%; height: 1px;background-color: #4986d5;display: block;margin-top: 36px;float: left;}
.pro_litit3 .span3 {width:18%; height: 1px;background-color: #4986d5;display: block;margin-top: 36px;float: left;}
}

@media (max-width: 375px){
.slides_container li {width: 100%;}
.he_border1 .he_border1_caption_h {font-size: 0.5em;width: 80%;margin-left: 5%;margin-top:0;height: 40px;}
.he_border1 .he_border1_caption_p{width: 90%;margin: 0;left: 5%;padding: 3px 0;display: none;}
.About-box ul li a{font-size: 12px;}
/*.he_border1:hover .he_border1_caption_p {top: 0;opacity: 1;}
.he_border1:hover .he_border1_caption .he_border1_caption_h{top: 0;}*/
}

/* 联系我们地图页 */

.contact-us {background:#242625; }

.contact-us h3 {font-size: 60px;line-height:120%;color:#CCCCCC;text-align:center;padding:50px 0 ;}
.contact-us h3 span{font-weight:bold;color:#C22C45;}
.contact-us h4 {clear:both;  margin:50px auto 0;padding:0 0 50px}

.contact-us dl {}
.contact-us dl dt {line-height:40px;color:#CACACA;font-size: 26px;margin-bottom:10px;}
.contact-us dl dd{color:#AEAEAE;font-size: 1.0em;}
.content-ditu {height:50.8em;overflow:hidden;}
.contact-us .glyphicon {font-size:50px;}





/* 产品页面右侧文字信息 */
.product_info{  overflow:hidden}
.product_info table{ color:#535353; width:100%; }
.product_info table th{ text-align:right; padding:7px 5px; width:120px; font-weight:normal; color:#888;}
.product_info table td{ padding:5px; color:#535353; font-size:0.95em;}
.product_info table tr{}
.product_info strong{ color:#E53F40; font-size:30px;}
#dialog_link {margin-left:20px;background:#236298;}
@media (max-width: 768px) {
#dialog_link {margin:20px 0px 0px 0px;}
}


/* 滚动图片 */
#projectlist .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
#projectlist .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
#projectlist .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
#projectlist .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
#projectlist .owl-carousel .owl-item {float:left;  padding:0px 50px; overflow:hidden; text-align:center; }
#projectlist .owl-carousel .owl-item a.img-auto {height:350px;overflow:hidden;}
#projectlist .owl-carousel .owl-item h4 { margin:30px 0px; font-size:16px;}
#projectlist .owl-carousel .owl-item h4 small {padding-left:20px; font-style : oblique; }


#projectlist .owl-controls .owl-page,
#projectlist .owl-controls .owl-buttons div{cursor: pointer;}
#projectlist .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
#projectlist .grabbing{cursor:url(../images/index/grabbing.png) 8 8, move;}
/* fix*/
#projectlist .owl-carousel .owl-wrapper,
#projectlist .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}



#projectlist .owl-theme .owl-controls{margin-top: 20px;text-align: center;}
/* Styling Next and Prev buttons*/
#projectlist .owl-theme .owl-controls .owl-buttons div {color: #333;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 5px 15px;font-size: 20px; font-weight:bold; background: #eee; }
#projectlist .owl-theme .owl-controls .owl-buttons div:hover {background:#333; color:white;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
#projectlist .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
#projectlist .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
#projectlist .owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=30);/*IE7 fix*/opacity: 0.3;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #999;}
#projectlist .owl-theme .owl-controls .owl-page.active span,
#projectlist .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
/* If PaginationNumbers is true*/
#projectlist .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
#projectlist .owl-item.loading{min-height: 150px;background: url(../images/base/AjaxLoader.gif) no-repeat center center}
#projectlist .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}



.content-bottom-list-more {padding:8px 15px; background:#eee; color:#888;}

@media (min-width: 768px) {
.servers-wap {
display:none;
}
.dropdown-menu>li>a {padding:10px 20px;}

.navbar .nav > li.oen ul.two {
  margin: 0;
}
.navbar .nav > li.oen:hover ul.two {
  display: block;
}

}

@media (max-width: 768px) {
/* 手机菜单圆形按钮颜色 */
.plug-menu {
background: #ccc;
}

/* 手机菜单弹出按钮颜色 */
.top_menu>li {
background: #ccc;
}

/* 手机菜单平铺背景颜色 */
.foot_mp {
background: #ccc;
}


.foot-share,
.content_tools_box
{display:none;}

ul.nav-pills li.active {clear:both; display:block; }
.content-bottom-list-more {display:block; width:110px; margin-bottom:30px;}

}

.navbar-right {padding:0px;}
.top-nav-right .dropdown-menu li {clear:both;width:98%;}
.lead {font-size:1.0em; line-height: 1.8; margin-bottom: 30px;width: 100%;}
.index-1 ul,.index-6 ul {margin:0px;padding:0px;}





.lead img {max-width:100%;}

.child{
display:none;
}


.left-menu {line-height:42px;  border:1px solid #ccc; border-radius: 5px;}
.left-menu ul {margin:0px;padding:0px;}
.left-menu ul li a {display:block; padding:0px 0px 0px 40px;}
.left-menu ul li.two {padding-left:10px;}
.left-menu ul li.three {padding-left:10px;}
.left-menu ul li.four {padding-left:10px;}
.left-menu ul li.five {padding-left:10px;}

.top-login {padding-left:5px;}









.btn-primary {
    background-color: #2495E4;
    border-color: #2495E4;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #2495E4;
    border-color: #2495E4;
}
.pagination>li>a, .pagination>li>span {
    color: #2495E4;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #2495E4;
}
#page strong {
    background: #2495E4;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #2495E4;
}
#dialog_link {
    background: #2495E4;
}
.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
    color: #2495E4;
    background-color: #fff;
}
.comm input.btn {
    background: #2495E4;
    color: #fff;
}

.btn-primary .badge {
    color: #2495E4;
    background-color: #fff;
}














body{font-family:"微软雅黑";background:#fff;overflow-x:hidden;}
ul,ol,li{list-style: none;}
.blank5{clear:both;height:5px;}
.blank10{clear:both;height:10px;}
.blank20{clear:both;height:20px;}
.blank30{clear:both;height:30px;}
.img-auto { display:block; overflow:hidden; }
.img-auto img { width:100%; height:auto; margin:0px auto; transition: 600ms; }
.img-auto:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }


 



.navbar-default{transition:.6s;opacity:1;position:fixed;top:0}
.navbar-default.mini{padding:0}
.navbar-default{background:0 0;border:none;height: 78px;background-color: #fff;}
.navbar-default .container{transition: 600ms;background: #fff;padding-top: 5px;padding-bottom: 5px;opacity: 0.9;font-family: "微软雅黑"}
.navbar-default.mini{background: #fff;}
.navbar-default.mini .container{padding-top: 0;padding-bottom: 0;}
@media screen and (min-width: 768px) {
.navbar-default{padding: 0;height: 62px;}
.navbar-default{background: #fff;padding-bottom: 0;padding-top: 0;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);}
.navbar-default.mini{background: #fff;padding-bottom: 0;}
.navbar-default .container{padding-top: 10px;padding-bottom: 0;}
.navbar-default.mini .container{padding: 10px 0 0 0;}
}

@media screen and (max-width: 768px) {
.navbar-default{padding: 0;height: 67px;}
.sub-mouse{display: none;}

}
.s1-r{height:490px;background:#2495E4;position: relative;z-index: 2;}

@media screen and (min-width: 992px) {
.section1{margin-bottom: 0;}
.s1-r{position:relative;margin-top:-110px; overflow: hidden;}
}


.s1-r-title{position:relative;height:110px;overflow:hidden;padding:33px 20px 0 40px;border-bottom:1px solid rgba(255,255,255,.3)}
.s1-r-title h4{margin:0;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:22px}
.s1-r-title p{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:rgba(255,255,255,.5);margin:0}
.s1-r-title a{display:block;width:100px;height:36px;position:absolute;top:50%;right:20px;margin-top:-18px;padding-left:35px;padding-top:11px}
.s1-r-title span{display:block;transition:all ease-out .3s;width:29px;height:14px;display:block;background:url(./images/base/icon.png) no-repeat 0 -170px}
.s1-r-title a:hover span{background:url(./images/base/icon.png) no-repeat 0 -186px}
.s1-r-item a{height:95px;overflow:hidden;padding:20px 10px;display:block;position:relative;text-decoration:none;overflow:hidden}
.s1-r-date{float:left;margin-right:20px;background:#147AC1;padding:6px 14px}
.s1-r-date-md{color:#fff;font-size:16px}
.s1-r-date-y{color:rgba(255,255,255,.5);font-size:14px}
.s1-r-item h4{margin:0;color:#fff;line-height:30px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:.3s;position:relative;top:8px}
.s1-r-item p{font-size:12px;color:rgba(255,255,255,.5);margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:.3s;position:relative;top:10px;opacity:0}
.s1-r-item:hover a{background:#147AC1}
.s1-r-item:hover h4{top:0}
.s1-r-item:hover p{top:0;opacity:1}


.title13{width: 100%;float:left;background: #fff;padding:10px 40px;}
.title13 h4{font-size: 18px;margin-bottom:20px;margin-top: 0;}
.title13 h4 a{color:#636363;font-size: 18px;display: block;line-height: 35px;}
.title13 h4 a:after {content: ''; width: 45px; height: 2px;background: #737373;position: absolute;left: 40px;top:100px;}
.title13 p{font-size: 14px;color: #636363;}
.title13 h4 img{margin-right: 8px;}

.title11{width: 100%;text-align: center;}
.title11 span{margin: 0 auto;}
.title11 span img{text-align: center;margin-bottom: 15px;}
.title11 h3{font-size: 24px;margin-bottom:20px;margin-top: 0;text-align: center;}
.adv p{font-size: 16px;color: #969696;}
.title11 h3 a{color:#1160a8;}
.title11 h3 img{margin-right: 8px;}


.title10{padding:40px 0;width: 80%;margin: 0 auto;}
.title10 h2{margin-bottom: 20px;color: #565656;font-size: 32px;}
.title10 h6{color:#1160a8;font-size: 16px;line-height: 10px }
.title10 h2 a:after {content: ''; width: 80px; height: 2px;background: #1160a8;position: absolute;left: 70px;top: 150px;}
.title10 h4{font-size:22px;color:#444;margin:0;line-height:30px;display: inline;
    float: left;}
.title10 h4 a{color:#406398}
.title10 p{margin:0;color:#414141;font-size:16px;line-height: 30px;margin-top: 35px;height:180px;overflow: hidden;}
.title10 span{color:rgba(0,0,0,.3);font-family: "微软雅黑";}
.title10 b,b{font-family: "微软雅黑";font-weight: 300;}

.title10 .entit{margin-top: 10px;margin-left: 10px;float: left;}
.title10 span a {
    display: block;
    height: 42px;
    width: 142px;
    margin-top: 30px;
    border: 1px solid #1160a8;
    line-height: 40px;
    text-align: center;
    color: #1160a8;
    font-size: 16px;
    text-transform: uppercase;
}
.fa-angle-right:before{content: "\f105";}

.s1-l{height:380px;}
.s1-l{padding-top: 60px;}


.module-eight-main .box {text-align: center;
    width: 100%;
    height: 280px;
}
.module-eight-main .box ul{margin: 0;padding: 0;}
.module-eight-main .box ul li{
  margin-bottom: 25px;
}
.module-eight-main .box div {
  height: auto;
  overflow: hidden;
  width: 100%;
}
.module-eight-main .box img {
  width: 90%;
  height:  auto;
  vertical-align: middle;
}
.module-eight-main .box a h4 {
  font-size: 18px;
  text-align: left;
  color: #575757;
  overflow: hidden;
  margin-top: 15px;
    font-weight: 500;
    font-family: "微软雅黑";
  padding: 0 10px;
}
.module-eight-main .box a h3 {
  font-size: 18px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  margin-top: 165px;
    font-weight: 300;
    font-family: "微软雅黑";
}

.module-eight-main .box2 {text-align: center;
    width: 100%;
  margin-top: 0;
}
.module-eight-main .box2 ul{margin: 0;padding: 0;}
.module-eight-main .box ul li{
  margin-bottom: 25px;
}
.module-eight-main .box2 div {
  height: 300px;
  overflow: hidden;
  width: 100%;
}
.module-eight-main .box2 img {
  width: 100%;
  height: 300px;
  vertical-align: middle;
}
.module-eight-main .box2 a h4 {
  font-size: 18px;
  text-align: left;
  color: #575757;
  overflow: hidden;
  margin-top: 15px;
    font-weight: 500;
    font-family: "微软雅黑";
  padding: 0 10px;
}

.module-eight-main .box2 a p{color: #8f8f8f;font-size: 14px;text-align: left;padding: 0 10px;font-weight: 300; margin-bottom: 20px;line-height: 24px;}
.module-eight-main .box2 a b{color: #8f8f8f;float: left;padding-left: 10px;width: 100%;text-align: left;}
.module-eight-main .box2 a b span{font-size: 24px;font-family: "Aril"; margin-right: 5px;font-weight: 400;}
.col-lg-4,.col-md-4,.col-xs-6{padding-right: 10px;padding-left: 10px;}
.col-lg-4{width: 33.33%;}


@media (max-width: 1920px) and (min-width: 1450px){ 
.title10 p{margin-top: 65px;height: 240px;}
.title10 h2 a:after{left: 95px;}
}



/* 外部层 */
#owl-demo1{position:relative;padding:0;margin:40px 0 0}
#owl-demo1 .owl-stage-outer{overflow:hidden;position:relative;z-index:10;}
#owl-demo1 *{box-sizing:border-box;}
/* 导航层 */
#owl-demo1 .owl-item{float:left;}
#owl-demo1 .owl-controls{margin-top:0px;text-align:center;}
/* 左右按钮 */
#owl-demo1 .owl-controls .owl-nav{}
#owl-demo1 .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#owl-demo1 .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
#owl-demo1 .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
#owl-demo1 .owl-controls .owl-nav .owl-prev{}
#owl-demo1 .owl-controls .owl-nav .owl-next{}
/* 远点按钮 */
#owl-demo1 .owl-dots{position: absolute;right: 0;top: -70px;}
#owl-demo1 .owl-dots .owl-dot{display:inline-block;zoom:1}
#owl-demo1 .owl-dots .owl-dot span{width:12px;height:12px;margin:5px 4px;background: transparent;display:block;border:1px solid #ccc;cursor: pointer;-webkit-backface-visibility:visible;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-ms-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
#owl-demo1 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#2495E4;border-color:#2495E4;}


.s1-item{}
.s1-item a{text-decoration:none;display:block;position:relative;overflow:hidden}
.s1-img{width:330px;height:183px;float:left;overflow:hidden;margin-right:30px}
.s1-img img{width: 100%;height: auto;min-height:100%;}
.s1-item h4{line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px;color:#444;position:relative;top:10px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.s1-item p{color:#999;line-height:26px;height:52px;overflow:hidden;position:relative;top:15px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.s1-item:hover h4{top:0}
.s1-item:hover p{top:0}
.s1-item span{width:35px;height:35px;text-align:center;display:block;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;margin:0;overflow:hidden;position:relative;top:10px;left:-60px;opacity:0}
.s1-item span i{content:'';width:15px;height:9px;background:url(./images/base/icon.png) no-repeat -110px -11px;display:block;margin:13px 0 0 11px;position:absolute;top:0;left:0}
.s1-item:hover span{opacity:1;left:0}

@media screen and (min-width: 768) and (max-width: 1024px){
.section1 .title10 p{height: 80px;}
}

@media screen and (max-width: 768px){
.section3{padding: 0;min-height: 290px;}
.title10{width: 90%; padding:0; }
.title10 h2 {margin: 15px 0;font-size: 22px;}
.title10 h2 a{color: #565656;}
.title10 h2 a:after {left: 38px;top: 80px;}
.col-lg-3 .adv{width: 100%; min-height: 240px;}
.section1 .title10 p {font-size: 14px;line-height: 24px;margin-top: 0; height: 120px;}
.title10 span a{width: 126px;height: 36px;line-height: 34px; margin-top: 10px;}
}

@media screen and (min-width: 0) and (max-width: 767px){
.s1-l{height:auto;margin-bottom: 20px;}
.s1-img{width:100%;height:auto;float:none;margin: 0 auto 20px;}
.s1-item span{top:0px;}
.title10 h2 a:after {left:18px; top: 340px;}
.title10 span a{font-size: 14px;}
}






.title10 ul{float: right;padding: 0;margin: 0;}
@media screen and (min-width: 0) and (max-width: 991px){
.title10 ul{display: none;}
}
.title10 ul li{display:inline-block}
.title10 ul li a{display:inline-block;padding:10px 25px;line-height:16px;color:#616161;transition:all .3s ease-out 0s}
.title10 ul li a:hover{color:#fff;background:#2495e4}
.title10 ul li a.active{color:#fff;background:#2495e4}
.title10 ul li+li a:before{content:'';position:relative;width:1px;height:10px;background:rgba(0,0,0,.1);margin-top:-39px;left:-27px;display:inline-block}
.title10 ul .more{display:block;width:100px;height:36px;float:right;margin-left:20px;position:relative}
.title10 ul .more:before{content:"";width:29px;height:14px;display:block;background:url(./images/base/icon.png) no-repeat 0 -133px;position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-14px;transition:all ease-out .3s;z-index:3}
.title10 ul .more:hover{background:#2495e4}
.title10 ul .more:hover:before{background:url(./images/base/icon.png) no-repeat 0 -149px}



/* 外部层 */
#owl-demo2{position:relative;padding:0;margin:0px}
#owl-demo2 .owl-stage-outer{overflow:hidden;position:relative;z-index:10;}
#owl-demo2 *{box-sizing:border-box;}
/* 导航层 */
#owl-demo2 .owl-item{float:left;}
#owl-demo2 .owl-controls{margin-top:0px;text-align:center;}
/* 左右按钮 */
#owl-demo2 .owl-controls .owl-nav{}
#owl-demo2 .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#owl-demo2 .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
#owl-demo2 .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
#owl-demo2 .owl-controls .owl-nav .owl-prev{}
#owl-demo2 .owl-controls .owl-nav .owl-next{}
/* 远点按钮 */
#owl-demo2 .owl-dots{margin-top: 30px;}
#owl-demo2 .owl-dots .owl-dot{display:inline-block;zoom:1}
#owl-demo2 .owl-dots .owl-dot span{width:12px;height:12px;margin:5px 4px;background: transparent;display:block;border:1px solid #ccc;cursor: pointer;-webkit-backface-visibility:visible;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-ms-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
#owl-demo2 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#2495E4;border-color:#2495E4;}



.s2-item{}
.s2-item a{display:block;position:relative;text-decoration:none;overflow:hidden}
.s2-img{display:block;overflow:hidden}
.s2-img img{width:100%;height:auto;margin:0 auto;transition:.6s}
.s2-item:hover .s2-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.s2-text{position:relative;padding:20px 0 20px}
.s2-text h4{color:#666;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s2-text span{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform:capitalize;color:#b7b7b7;margin-bottom:12px;display:block}
.s2-text p{line-height:26px;color:#999;height:52px;overflow:hidden}
.s2-text:before{content:"";transition:.6s;display:block;height:0;position:absolute;bottom:100%;left:-1px;right:-1px;background:#fff;z-index:2}
.s2-item:hover .s2-text:before{height:10px}
.s2-text:after{content:"";position:absolute;display:block;bottom:10px;transition:.6s;background:rgba(0,0,0,.1);height:1px;width:100%}
.s2-item:hover .s2-text:after{bottom:0;background:rgba(0,0,0,.3);height:1px;width:100%}



.s3-img img{width:100%;height:auto}

.s3-text {float: right;margin-bottom: 20px;}
.s3-text>p{color:#848484;line-height:26px;height:78px;overflow:hidden}
.s3-text a{display:block;height:32px;width:120px;border:1px solid #dfdfdf;line-height:32px;text-align:center;color:#fff;font-size:14px;text-transform:uppercase;background-color: #406398;font-weight:400;}
.s3-text a span{opacity:0;transition:.6s;color:#999}
.s3-text a:hover span{opacity:1;margin-left:10px}


@media screen and (max-width: 1441px){
.section3{padding:60px 0;min-height: 458px;  background-size:100%;}
}



@media screen and (min-width: 280px) and (max-width: 767px){
.s3-img{margin-top: 30px;}
.section3{    margin-top: 30px;}
.title10 h2 {margin: 15px 0;font-size: 24px;}
.section4{padding: 30px 0; background: url(../images/index_solubg.jpg)no-repeat fixed left;}
.module-eight-main .box img{height: auto;}
.module-eight-main .box{height: auto;margin-bottom: 10px;}
.title10 {margin-bottom: 10px;}
}




/* 外部层 */
#owl-demo4{position:relative;padding:0 60px;margin:0px}
#owl-demo4 .owl-stage-outer{overflow:hidden;position:relative;z-index:10;}
#owl-demo4 *{box-sizing:border-box;}
/* 导航层 */
#owl-demo4 .owl-item{float:left;}
#owl-demo4 .owl-controls{margin-top:0px;text-align:center;}
/* 左右按钮 */
#owl-demo4 .owl-controls .owl-nav{}
#owl-demo4 .owl-controls .owl-nav [class*=owl-]{position: absolute;top: 50%;margin-top: -30px;
display: block;height: 60px;width: 20px;text-indent: -9999px;cursor: pointer;overflow: hidden;
}
#owl-demo4 .owl-controls .owl-nav .owl-prev{left: 0;background: url(./images/base/s4-left.png) center center no-repeat;}
#owl-demo4 .owl-controls .owl-nav .owl-next{right: 0;background: url(./images/base/s4-right.png) center center no-repeat;}
 
#owl-demo4 .owl-controls .owl-nav .owl-prev:hover{left: 0;background: url(./images/base/s4-left2.png) center center no-repeat;}
#owl-demo4 .owl-controls .owl-nav .owl-next:hover{right: 0;background: url(./images/base/s4-right2.png) center center no-repeat;}


.s4-item{}
.s4-item a{display: block;position: relative;text-decoration: none;overflow: hidden;}
.s4-img{height: 150px;width: 150px;border-radius: 50%;overflow: hidden;float: left;margin-right: 30px;}
.s4-img img{width: 100%;height: 100%;}
.s4-text{overflow: hidden;}
.s4-text span{display: block;color: #a5a5a5;margin-bottom: 20px;}
.s4-text p{line-height: 26px;height: 52px;overflow: hidden;color: #bebebe;}

.fa-angle-right:before {content: "\f105";color: #1162aa;}

@media screen and (min-width: 768px) and (max-width: 991px){
.s4-img{float: none;margin: 0 auto 10px;}
.s4-text{text-align: center;}
}

@media screen and (min-width: 320px) and (max-width: 479px){
.s4-img{float: none;margin: 0 auto 10px;}
.s4-text{text-align: center;}
.section3 {padding: 20px 0;min-height: 360px;}

}

@media (min-width:768px) and (max-width:1024px){
.section4{padding: 60px 0;} 
}





/* 外部层 */
#owl-demo5{position:relative;padding:0 40px;margin:0px}
#owl-demo5 .owl-stage-outer{overflow:hidden;position:relative;z-index:10;}
#owl-demo5 *{box-sizing:border-box;}
/* 导航层 */
#owl-demo5 .owl-item{float:left;}
#owl-demo5 .owl-controls{margin-top:0px;text-align:center;}
/* 左右按钮 */
#owl-demo5 .owl-controls .owl-nav{}
#owl-demo5 .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#owl-demo5 .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
#owl-demo5 .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
#owl-demo5 .owl-controls .owl-nav .owl-prev{}
#owl-demo5 .owl-controls .owl-nav .owl-next{}
/* 远点按钮 */
#owl-demo5 .owl-dots{}
#owl-demo5 .owl-controls .owl-nav [class*=owl-]{position: absolute;top: 50%;margin-top: -30px;
display: block;height: 60px;width: 20px;text-indent: -9999px;cursor: pointer;overflow: hidden;
}
#owl-demo5 .owl-controls .owl-nav .owl-prev{left: 0;background: url(./images/base/s4-left.png) center center no-repeat;}
#owl-demo5 .owl-controls .owl-nav .owl-next{right: 0;background: url(./images/base/s4-right.png) center center no-repeat;}
 
#owl-demo5 .owl-controls .owl-nav .owl-prev:hover{left: 0;background: url(./images/base/s4-left2.png) center center no-repeat;}
#owl-demo5 .owl-controls .owl-nav .owl-next:hover{right: 0;background: url(./images/base/s4-right2.png) center center no-repeat;}



.s5-item img{width:220px;height:88px;}






 

.section7{background: #16171b;padding-top: 40px;padding-bottom: 30px;}
.section7 h4{margin-bottom: 20px;color: #fff;}
.s7-1 h4{margin-bottom: 20px;height: 30px;line-height: 30px;color: #fff;}
.section7 h4 a{color: #777;}
.s7-1 h4 a{color: #fff;}
.s7-1 ul {width: 260px;float: left;padding: 0;}
.s7-1 ul li{width: 100px;float: left;margin-right: 20px;line-height: 30px;}
.s7-1 ul li a{color: #888;}



.fenxiang a{display: inline-block;margin:5px 5px 0;height:30px;width:30px;line-height:30px;text-align:center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: rgba(255, 255, 255, .3);cursor: pointer;}
.fenxiang a:hover{background:#2495E4;color:#FFF;margin:5px 5px 0;height:30px;width:30px;line-height:30px;text-align:center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.fenxiang span{line-height: 30px;}


 .foot{border-top: 1px solid #444447;color: #585858;padding: 10px 0;line-height: 30px;background: #16171b;font-size: 12px;text-align: center;height: 50px;font-family: '微软雅黑';}
 .foot a{color: #c1c1c1;}
.foot .container{}








#banner2{width:100%;height:460px;position:relative;padding-top: 0;}
#banner2 div{background-color:#39383E;background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:460px;animation:mymove 20s;
}
#banner2 .por_img{background-size: 100%!important;}
@media screen and (min-width: 0) and (max-width: 767px){
#banner2{padding-top: 70px;height: 230px;}
.section7{height: auto;display: none;}
.section7 .col-xs-6 {width: 50%;    min-height: 240px;} 
.col-sm-6{width: 100%;float: left;}
.foot {line-height: 20px;height: auto;}
.row{padding:  0 20px;}
.module-eight-main .box2 img{height: auto;}
.module-eight-main .box2 div{height: auto;}
  .section1{padding: 30px 0;}
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
  padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
  line-height: 28px
}
.navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {
  background-image: none
}
.navbar-nav li{padding: 0 20px;}
.navbar-nav ul li{border-bottom: 1px solid #ccc;}
}

.banner .carousel-inner .item .img1{display: block}
.banner .carousel-inner .item .img2{display: none}
@media (max-width:768px){
  .banner{margin-top: 68px}
  .banner .carousel-inner .item .btn-primary{}
  .banner .carousel-inner .item .img1{}
  .banner .carousel-inner .item .img2{}
}




.left1-title{margin-bottom: 20px; font-family: "微软雅黑" ;}
.left1-title h4{font-size:22px;color:#444;margin:0;line-height:30px}
.left1-title h4 a{color:#444}
.left1-title p{margin:0;color:rgba(0,0,0,.3);font-size:14px}
.left1 ul{padding:0;margin:0}
.left1 ul li{display:block;line-height:43px;padding-left:16px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.left1 ul li ul{padding:0;margin:0}
.left1 ul li ul li{display:block;line-height:38px;padding-left: 0;}
.left1 ul li ul li a{color:#666;display:block;font-size:14px;position:relative;padding:0;line-height:38px;height:38px;padding-left: 14px;}
/*.left1 ul li ul li:hover{padding-left: 0;}*/
.left1 ul li ul li a:after{display:none; }
.left1 ul li a{color:#323232;display:block;font-size:16px;position:relative;padding:0;line-height:43px;height:43px;border-bottom:1px solid rgba(0,0,0,.08);}
.left1 ul li a:after {content: '';width: 4px;height: 16px;background: #1162aa;float: left;margin-top: 14px; margin-right: 10px;}
.left1 ul li .active{border: none;background: #337ab7;}
.left1 ul li .active a{color: #fff;}
.left1 ul li .active{color:#1162aa;text-decoration: none;border-bottom:1px solid rgba(0,0,0,.08);}
/*.left1 ul li a.active:before,.left1 ul li a:hover:before{content:'';position:absolute;display:block;width:3px;height:12px;background:0 0;left:-16px;margin-top:15px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;background:#406398;}*/
/*.left1 ul li:hover{padding-left:19px}*/
.glyphicon-list:before{color: #406398;}
.fa-angle-right:before {content: "\f105";float: right; margin:0 16px;font-size: 18px;}

.fa-angle-down:before {content: "\f107";float: right; margin:0 16px;font-size: 18px;}

.fa-angle-up:before {content: "\f106";float: right; margin:0 16px;font-size: 18px;}
.left1 .submenu{display: none;}
.left1 li a.active{background: #337ab7;color: #fff;}
.left1 li a.active:before{color: #fff;}

.left1 i.fa{float: right; line-height: 43px;color: #1162aa}

#menu li a i.fa-angle-down{
  -webkit-transition: all 0.4s ease; 
    -o-transition: all 0.4s ease;
     transition: all 0.4s ease; }
#menu li.open a i.fa-angle-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}





.list-pic10{}

.list-pic10-item{margin: 20px 0;}
.list-pic10-item a{display:block;position:relative;text-decoration:none;overflow:hidden}
.list-pic10-img{display:block;overflow:hidden}
.list-pic10-img img{width:100%;height:auto;margin:0 auto;transition:.6s}
.list-pic10-item:hover .list-pic10-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.list-pic10-text{position:relative;padding:5px 0 10px}
.list-pic10-text h4{color:#666;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.list-pic10-text span{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform:capitalize;color:#b7b7b7;margin-bottom:12px;display:block}
.list-pic10-text p{line-height:26px;color:#999;height:52px;overflow:hidden}
.list-pic10-text:before{content:"";transition:.6s;display:block;height:0;position:absolute;bottom:100%;left:-1px;right:-1px;background:#fff;z-index:2}
.list-pic10-item:hover .list-pic10-text:before{height:10px}
.list-pic10-text:after{content:"";position:absolute;display:block;bottom:10px;transition:.6s;background:rgba(0,0,0,.1);height:1px;width:100%}
.list-pic10-item:hover .list-pic10-text:after{bottom:0;background:rgba(0,0,0,.3);height:1px;width:100%}
.list-pic10-item .more{width:37px;height:20px;display:block;position:absolute;top:50%;right:0;background:url(./images/base/icon.png) no-repeat -30px -66px;transition:all .3s ease-out 0s;margin-top:-13px;border-left:1px solid transparent}
.list-pic10-item:hover .more{background:url(./images/base/icon.png) no-repeat 16px -66px;border-left:1px solid rgba(0,0,0,.1)}





@media screen and (min-width: 0) and (max-width: 767px){
  .navbar-nav>li>a{padding: 10px 20px;border-bottom: 1px solid #ccc;}
.navbar-toggle{margin-right: 20px;    margin-top: 15px;}
.nav_bar .tel{display: block;}
#banner2 div{height: 200px;}
.box2 {padding: 0 15px;margin-top: 60px;}
.box2-left{padding: 0 15px;display: none;}
.box3{padding: 20px 15px;text-align: left;margin-left: 10px;}
.section2{padding: 30px 0; display: none;border-top: 1px solid #e5e5e5;}
#my-glider{height: auto;width:320px;}
.scroller {width: 360px;height: auto;}
.scroller .content { WIDTH: 360px; }
.scroller .section {WIDTH: 360px;height: auto; }
.scroller .section .box{width: 90%; margin-left: 3%;box-shadow:none;}
.he_border1{width: 92%;height: auto;}
.he_border1 .he_border1_img{width: 100%;height: auto;}
#prevLink { LEFT: -50px }
#nextLink { RIGHT: -30px }
#navbar {float: right; margin-right: 0; width: 100%;background-color: #fff;box-shadow:0px 2px 6px #5C5C5C;}
.scroller .section .box h6 {width: 90%;}
.section6{background: #fff;margin-top: 0;min-height: 620px;}
.title_center{width: 360px;}
.pro_tit{padding: 15px;}
.box2-right .article span,.box2-right .article .fl{width: 100%;margin: 0; text-align: center;}
#newBridge .nb-icon-left-center{top:80%;}
.friendlink.second li {width: 46%;}
.site-list {width: 48%;}
}


@media (min-width:768px) and (max-width:1024px){
.navbar-collapse.collapse {display: none!important;}
.collapse.in {display: block!important;}
.navbar-nav>li{width: 100%;}
ul.navbar-nav li.oen{padding:13px 20px;}
.navbar-fixed-top .navbar-collapse {max-height: 360px;}
.navbar-collapse.collapsed{display: block;}
.navbar-header{width: 100%;height: 60px;}
.navbar-nav>li>a{padding: 10px 20px;border-bottom: 1px solid #ccc;}
.navbar-toggle{margin-right: 20px;    margin-top: 15px;}
#navbar {float: right; margin-right: 0; width: 100%;background-color: #fff;box-shadow:0px 2px 6px #5C5C5C;}
.navbar-toggle{display: block;}
.section7{height: auto;display: none;}
.row{padding: 0 20px;}
.navbar-default .container{padding: 10px 0 0 0;}
.section2 .container{width: 700px;}
.section2{padding:30px 0;border-top: 1px solid #e5e5e5;}
#my-glider{height: auto;width:660px;}
.scroller {width: 660px;height: auto;}
.scroller .content { WIDTH: 1500px; }
.scroller .section {WIDTH: 660px;height: auto; }
.scroller .section .box{width: 31%;}
.he_border1{width: 100%;height: auto;}
.he_border1 .he_border1_img{width: 100%;height: auto;}
#prevLink { LEFT: -50px }
#nextLink { RIGHT: -30px }

.friendlink.second li {width: 20%;}
}

@media (min-width:1024px) and (max-width:1200px){
.title10{margin-left: 40px;margin-bottom: 0px; }
.module-eight-main .box2 img{height: auto;}
.module-eight-main .box2 div{height: auto;}
.col-md-4 {width: 50%;}
.module-eight-main .box{height: auto;margin-bottom: 30px;}
.section4 {padding: 30px 0;}
.section2 .container{width: 950px;}
.section2{padding:30px 0;border-top: 1px solid #e5e5e5;}
#my-glider{height: auto;width: 890px;}
.scroller {width: 890px;height: auto;}
.scroller .content { WIDTH: 1800px; }
.scroller .section {WIDTH: 890px;height: auto; margin-top: 20px;}
.scroller .section .box{width: 31%;}
.he_border1{width: 100%;height: auto;}
.he_border1 .he_border1_img{width: 100%;height: auto;}
#prevLink { LEFT: -50px }
#nextLink { RIGHT: -30px }
}

.dashijian1{line-height: 25px;font-size: 13px;color: #6a6a6a;}
.dashijian1 img{max-width:100%;height: auto;}

.dashijian2 p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.dashijian2 .span1{font-size: 24px; color: rgb(127, 127, 127);}
.dashijian2 .span2{font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px;}
.dashijian2 .span3{color: rgb(165, 165, 165);}




.zxyw-item{margin: 10px 0;padding: 10px 0;}
.zxyw-item a{top: 0;padding: 5px;display: block;position: relative;text-decoration: none;overflow: hidden;}
.zxyw-img{}
.zxyw-img img{width: 100%;height: auto;}
.zxyw-item a:hover{top:-10px;background:#fff;box-shadow:1px 1px 15px rgba(0,0,0,.3)}
.zxyw-text{padding:20px}
.zxyw-text h4{text-align:center;font-size:20px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.zxyw-text p{margin-top:20px;color:#848484;font-size:13px;line-height:24px;height:48px;overflow:hidden}
.zxyw-more{width:35px;height:35px;text-align:center;display:block;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;margin:20px auto 0;overflow:hidden;position:relative;position:relative;top:65px;opacity:0}
.zxyw-more:after{content:'';width:15px;height:9px;background:url(./images/base/icon.png) no-repeat -110px -11px;display:block;margin:13px 0 0 11px;position:absolute;top:0;left:0}
.zxyw-item:hover .zxyw-more{top:0;opacity:1}





.team{}
.team-item{margin: 20px 0;}
.team-item a{display: block;position: relative;text-decoration: none;overflow: hidden;
background: #f8f8f8;padding: 8px;
}
.team-item a:hover{background: #2495E4;}

.team-img{float: left;width: 168px;height: 160px;overflow: hidden;margin-right: 40px;}

.team-img img{width: 100%;height: auto;min-height:100%;}

.team-text{overflow: hidden;padding: 20px 20px 0  0;}

.team-text h4{color: #333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.team-text h4 small{color: #999;margin-left: 10px;}

.team-text p{line-height: 26px;height: 52px;overflow: hidden;color: #999;}

.team-item a:hover h4{color: #fff;  }
.team-item a:hover small{color: #fff; }
.team-item a:hover p{color: #fff; }

@media (max-width:767px){
  .team-img{float: none;width: 278px;height: 278px;margin: 0 auto 0;}

}

@media screen and (min-width: 480px) and (max-width: 767px){
  .team-img{float: none;margin: 0 auto 0;}
  .team-text{overflow: hidden;padding: 20px 10px 0;}

}

/* 翻页*/

DIV.digg {
  PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.digg A {
  BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover {
  BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg A:active {
  BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg SPAN {
  BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
DIV.digg SPAN.disabled {
  BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}



.list-text10{padding: 30px 0;border-bottom:1px solid #eee;}
/*.list-text10 a{display: block;}*/
.list-text10-img{width: 276px;height: 160px;float: left;overflow: hidden;}
.list-text10-img img{width: 100%;height: auto;min-height:100%;}
.list-text10-text{position: relative;overflow: hidden;padding: 10px 30px;border: 1px solid #bfbfbf;height: 160px;}
.list-text10-text p{position: relative;left: 0;transition: 600ms;line-height: 26px;height: 78px;overflow: hidden;color: #999;width: 100%;padding: 0;}
.list-text10-date{right: 20px;top: 20px;font-size: 14px;color: #999;}
.list-text10-date span{float: right;line-height: 40px;margin-right: 20px;}
.list-text10-date h4{transition: 600ms;color: #9b9b9b;font-size: 18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width: 425px; float: left;}
.list-text10-date h4:hover{color: #fff;}

.list-text10:hover .list-text10-text h4{left: 10px;}
.list-text10:hover .list-text10-text p{left: 10px;}
.list-text10:hover .list-text10-date{color: #464646;}
.list-text10 .more{position:absolute;right:70px;top:90px;width:15px;height:9px;background:url(./images/base/icon.png) no-repeat -110px -11px;display:block;opacity:0;transition:.6s}
.list-text10:hover .more{right: 50px;opacity: 1;}
.list-text10-con{margin-top: 20px;padding: 0 10px;height: 160px;}
.list-text10-text:hover{background-color:#3776ac;}
.list-text10-text:hover h4,.list-text10-text:hover h4 a,.list-text10-text:hover .list-text10-date span,.list-text10-text:hover p{color: #fff;background-color:#3776ac;}


@media screen and (min-width: 0) and (max-width: 767px){

.list-text10-img{float:left;margin: 0 auto;width: 100%;}
.list-text10-text{float:left;padding-right: 0;margin: 20px 0;width: 100%;padding: 10px;}
.list-text10-date h4{width: 100%;}
.list-text10-date{position: relative;font-size: 14px;color: #999;top: 0;left: 0;right: 0;bottom: 0;}
.list-text10-con{width: 100%;padding: 0;}
.list-text10:hover .more{display: none;}
.list-text10:hover .list-text10-text h4{left: 0;}
.list-text10:hover .list-text10-text p{left: 0;}
#slides{height:inherit;}
.box2-right .lead {width: 100%;}
}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
 
  background-color: transparent;
  border-bottom:3px solid #1067b1;
}

ul.navbar-nav li:first-child a { border-bottom:none!important;}
 
@media screen and (min-width: 0px) and (max-width:768px){
  ul.navbar-nav li:first-child a{border-bottom: 1px solid #ccc!important;}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
ul.navbar-nav li:first-child a{border-bottom: 1px solid #ccc!important;}
.nav>li>a {position: relative;display: block;padding: 7px;}
.nav_bar {padding: 6px 0;}
.list-text10-date h4{width: 263px;}

}







#outer-w{width:100%;height:100%;display:none;position: fixed;left:0;top:0;z-index:99999;}
#outer {height: 100%; ; position: relative;width: 100%;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%;width: 300px;padding:30px 0;margin: 0 auto;text-align:center;} /* for explorer only */
*+html #outer[id]{position: relative;}
*+html #middle[id]{position: absolute; }
#bg-black{position: absolute;z-index:1;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.6);}
.inner{position:relative;z-index:2;background:#FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#close{position: absolute;right:-10px;top:-10px;height:30px;width:30px;cursor: pointer;background: #FFF url(./images/base/del_on.gif) left top no-repeat;border:1px solid #CCC;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#close:hover{background: #DDD url(./images/base/del_hover.gif) -1px -1px no-repeat;}



/* t_search */
.t_search{display:none; width:147px; text-align:right;  width:111px;}
.t_search_text{border:none !important; background-color: transparent;  text-align:left; color:#999; padding-left:6px; width:105px;}
/* end_t_search */
/*t_search_fl*/
.t_search_fl{height:auto;overflow:hidden;margin-top:2px;    margin-left: 10px;margin-bottom: 10px;}
.t_search_fl_top{height:30px;line-height:30px;overflow:hidden;background:url(./images/base/9o825.png) no-repeat left center;padding-left:30px;font-size:18px;color:#0089db;margin-left: 12px;margin-bottom: 5px;}
.t_search_fl_top .t_search_fl_tch{margin-right:7px;}
.t_search_fl_ten{font-size:12px; font-weight:normal;font-family: "Arial";color: #99d0f1;}
.t_search{text-align:right;width:98%;display:block;background: #fff;border-radius: 20px;border: 2px solid #eaeaea;}
.t_search_text{border:none !important; background-color: transparent;  text-align:left; color:#999; padding-left:6px; width:162px;padding-left:10px; outline:none;}
/*end_t_search_fl*/
.seacr_st{*margin-top: 64px; position: relative;padding-left: 30px; width:100%;background: #fff;float: right;margin-right: 40px;border-left: 1px solid #e8e8e8;}
.sear_head{ position: absolute;left:30px;top: 38px;*top: -26px; width: 250px;overflow: hidden;height: 17px;border-left: 4px solid #0089db;font-family: "微软雅黑";color: #0089db;font-size: 14px;font-weight: bold;padding-left: 13px;line-height: 21px; }
.search_nr{ width:100%; height:120px; margin-bottom:30px;position: relative;}
.search_nr:hover{background: #0089db;cursor: pointer;}
.search_title{width: 100%;height: 26px;position: relative;top:11px;left: 20px; }
.search_title a{display: block;width:100%;height: 26px; color:#0089db; line-height:26px; font-size:16px; font-weight:normal;white-space: nowrap; 
  text-overflow:ellipsis;font-weight: 500;/*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/
  overflow:hidden;/*溢出隐藏*/
  -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/ }
.search_nr:hover .search_title a{ color:#fff; }
.search_ms{ color:#858585; font-size:14px;line-height: 22px;height: 52px;width: 94%;position: relative;top: 24px;left: 20px;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/
  -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/
  overflow:hidden;/*溢出隐藏*/
  -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/}
.search_nr:hover .search_ms span{color: #e4f5ff;}





.sub-mouse{ width: 30px; height: 43px; position: absolute; bottom: 30px; left: 50%; margin-left: -15px; cursor: pointer; z-index: 99999; zoom: 0.7; -moz-transform: scale(0.7);}
.sub-mouse:after{ display: none; z-index: -1; position: absolute; content: ''; top: -30px; left: 50%; height: 53px; border-right: 1px solid #333; margin-left: -1px;}
.sub-mouse span{
   display: block;
   position: relative;
   width: 100%;
   height: 100%;
   animation: ani-svg 0.85s linear 0s alternate infinite;
   -webkit-animation: ani-svg 0.85s linear 0s alternate infinite;
}
.sub-mouse i{ position: absolute; bottom: 5px; left: 50%; color: #fff;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);

}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px; 
    font-style: normal; 
    -webkit-font-smoothing: antialiased; 
    -webkit-text-stroke-width: 0.2px; 
    -moz-osx-font-smoothing: grayscale;
}

@keyframes ani-svg{
  0%{
    opacity: 0.4;
    transform: translateY(-20px);
  }
  15%{
    opacity: 0.65;
    transform: translateY(-15px);
  }
    25%{
      opacity: 0.8;
    transform: translateY(-10px);
  }
    50%{
      opacity: 1;
    transform: translateY(0px);
  }
  65%{
    opacity: 0.8;
    transform: translateY(5px);
  }
  75%{
    opacity: 0.65;
    transform: translateY(10px);
  }
  100%{
    opacity: 0.4;
    transform: translateY(15px);
  }
}
@-webkit-keyframes ani-svg{
  0%{
    opacity: 0.4;
    -webkit-transform: translateY(-20px);
  }
  15%{
    opacity: 0.65;
    -webkit-transform: translateY(-15px);
  }
    25%{
      opacity: 0.8;
    -webkit-transform: translateY(-10px);
  }
    50%{
      opacity: 1;
    -webkit-transform: translateY(0px);
  }
  65%{
    opacity: 0.8;
    -webkit-transform: translateY(5px);
  }
  75%{
    opacity: 0.65;
    -webkit-transform: translateY(10px);
  }
  100%{
    opacity: 0.4;
    -webkit-transform: translateY(15px);
  }
}
@-moz-keyframes ani-svg{
  0%{
    opacity: 0.4;
    -moz-transform: translateY(-20px);
  }
  15%{
    opacity: 0.65;
    -moz-transform: translateY(-15px);
  }
    25%{
      opacity: 0.8;
    -moz-transform: translateY(-10px);
  }
    50%{
      opacity: 1;
    -moz-transform: translateY(0px);
  }
  65%{
    opacity: 0.8;
    -moz-transform: translateY(5px);
  }
  75%{
    opacity: 0.65;
    -moz-transform: translateY(10px);
  }
  100%{
    opacity: 0.4;
    -moz-transform: translateY(15px);
  }
}


.izl-rmenu {bottom: 40%!important;z-index: 999999!important;}
/*.izl-rmenu .btn-wx {background: url(/statics/images/2018/metro_color/w_wx.png) 0px 0px no-repeat!important; }*/

